<template>
  <div class="publish_AreaBox">
    <!-- 宠物寄养地址 -->
    <!--    <Area v-if="changeAddr === 'area'" class="publish_area" />-->
    <!-- 用户个人资料地址 -->
    <AreaTwo :areaTitle="areaTitle" class="publish_area" />
  </div>
</template>

<script>
// import Area from "@/components/Area/Area";
import AreaTwo from "@/components/Area/AreaTwo.vue";
export default {
  name: "PubCity",
  components: { AreaTwo },
  props: {
    // changeAddr: {
    //   type: String,
    //   default: "user",
    // },
    areaTitle: {
      type: String,
      default: "",
    },
  },
};
</script>

<style scoped>
.publish_AreaBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  /*touch-action:none*/
}
/** { touch-action: pan-y; }*/
.publish_area {
  position: fixed;
  bottom: 0;
  width: 100%;
  /*height: 3rem;*/
}
</style>
